<div style="min-width: 1050px;">
  <nz-breadcrumb class="breadcrumb-pos">
    <i nz-icon type="link" theme="outline" style="color:#1890FF;padding-right:4px"></i>
    <nz-breadcrumb-item>
      <a routerLink="/main/tenantlist">租户管理</a>
    </nz-breadcrumb-item>
    <nz-breadcrumb-item>
      租户详情
    </nz-breadcrumb-item>
  </nz-breadcrumb>
  <div class="form-div">
    <button class="add_btn" nz-button nzType="primary" routerLink="/main/tenantlist">返回</button>
    <br>
    <h4>租户信息详情</h4>
    <table>
      <tr>
        <td>
          <div>公司名称</div>
          <div>：</div>
          <div>{{data[0].companyName?data[0].companyName:"--"}}</div>
        </td>
        <td>
          <div>公司电话</div>
          <div>：</div>
          <div>{{data[0].tel?data[0].tel:"--"}}</div>
        </td>
        <td>
          <div>负责人</div>
          <div>：</div>
          <div>{{data[0].name}}</div>
        </td>
        <td>
          <div>负责人手机号</div>
          <div>：</div>
          <div>{{data[0].mobile}}</div>
        </td>
      </tr>
      <tr>
        <td>
          <div>当前设备数量</div>
          <div>：</div>
          <div>{{data[0].useSignSum}} 台</div>
        </td>
        <td>
          <div>省</div>
          <div>：</div>
          <div>{{data[0].provinceId !==-1 && data[0].provinceId?province[0].name:"-"}}</div>
        </td>
        <td>
          <div>市</div>
          <div>：</div>
          <div>{{data[0].cityId !==-1 && data[0].cityId?city[0].name:"-"}}</div>
        </td>
        <td>
          <div>区</div>
          <div>：</div>
          <div>{{data[0].districtId !==-1 && data[0].districtId?district[0].name:"-"}}</div>
        </td>
      </tr>
      <tr>
        <td style="text-align:left;padding-left: 7%">详细地址：{{data[0].address}}</td>
      </tr>
    </table>
    <br>
    <nz-radio-group [(ngModel)]="radioValue" (ngModelChange)="getRadioValue()" style="margin-bottom:2px;">
      <label nz-radio-button [nzValue]="'1'">签约中合同</label>
      <label nz-radio-button [nzValue]="'2'">已结算合同</label>
    </nz-radio-group>
    <h4></h4>
    <nz-table #basicTable [nzData]="signlist" [nzShowPagination]="false" [nzBordered]="true">
      <thead>
        <tr>
          <th>账单编号</th>
          <th>设备名称</th>
          <th>状态</th>
          <th>结算周期</th>
          <th>签约日期
            <hr>开始 / 结束</th>
          <th>创建时间</th>
          <th>清算时间</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of signlist">
          <td>{{data.number}}</td>
          <td>{{printerinfo[data.printerId].name}}</td>
          <td>{{data.statusStr}}</td>
          <td>{{data.payTypeStr}}</td>
          <td>{{data.signedBegin?data.signedBegin.slice(0,10):'--'}} /
            {{data.signedEnd?data.signedEnd.slice(0,10):'--'}}</td>
          <td>{{data.dateAdd?data.dateAdd.slice(0,10):'--'}}</td>
          <td>{{data.dateUpdate?data.dateUpdate.slice(0,10):'--'}}</td>
        </tr>
      </tbody>
    </nz-table>
    <nz-pagination style="float:right;margin-top:12px" [nzPageIndex]="PageIndex"
      [nzPageSize]="PageSize" [nzTotal]="PageTotal" (nzPageIndexChange)="PageIndexChange($event)"
      [nzHideOnSinglePage]="true" [nzShowTotal]="totalTemplate">
    </nz-pagination>
    <ng-template #totalTemplate let-total>
      共 {{total}} 条数据
    </ng-template>
  </div>
</div>